<nz-spin [nzSpinning]="isLoadingSave">
  <nz-tabset nzTabPosition="left">
    <!-- 合同基本信息 -->
    <nz-tab nzTitle="{{ 'project.file.upload.contract' | translate }}{{ 'essential.information' | translate }}">
      <app-contract-management-contract-file-add-essential-information
        #essentialInformation
        (milestone)="milestone($event)"
      ></app-contract-management-contract-file-add-essential-information>
    </nz-tab>

    <!-- 产品与模块 -->
    <nz-tab nzTitle="{{ 'product' | translate }}{{ 'and' | translate }}{{ 'module' | translate }}">
      <app-contract-management-contract-file-add-product-module
        #productModule
        (contractFileObject)="contractFileObject($event)"
      ></app-contract-management-contract-file-add-product-module>
    </nz-tab>
    <!-- 收款计划 -->
    <nz-tab nzTitle="{{ 'payment.plan' | translate }}">
      <app-contract-management-contract-file-add-collection-plan #collectionPlan>
      </app-contract-management-contract-file-add-collection-plan>
    </nz-tab>
  </nz-tabset>
</nz-spin>
<!-- 按钮 -->
<div class="base">
  <!-- 关闭按钮 -->
  <a
    nz-popconfirm
    nzTitle="{{ 'pm.contract.contract.add.button.cancel' | translate }}"
    (nzOnConfirm)="close()"
    style="padding-right: 8px"
  >
    <button nz-button>{{ 'pm.quotation.cancel' | translate }}</button>
  </a>
  <!-- 保存按钮 -->
  <button nz-button nzType="primary" class="ant-btn ant-btn-primary" (click)="save()" [nzLoading]="isLoadingSave">
    <span>{{ 'pm.finish' | translate }}</span>
  </button>
</div>
